<template>
  <v-container fluid class="d-flex justify-center">
    <v-chip small
            label color="transparent"
            v-for="footer in footers"
            :key="footer.id"
    >
      <a :href="footer.to" target="_blank">{{ footer.text }}</a>
    </v-chip>
  </v-container>
</template>

<script>
export default {
  name: "ZfFooter",
  data() {
    return {
      footers: []
    }
  },
  methods: {
    getFooters() {
      this.footers = [
        {id: 1, text: '增值电信业务经营许可证：合字B2-20090007', to: 'https://www.baidu.com'},
        {id: 2, text: '京ICP备10036305号-7', to: ''},
        {id: 3, text: '京公网安备11010802022657号', to: ''},
        {id: 4, text: '隐私声明和 Cookie', to: ''},
        {id: 5, text: '法律声明', to: ''},
        {id: 6, text: '广告', to: ''},
        {id: 7, text: '帮助', to: ''},
        {id: 8, text: '反馈', to: ''},
        {id: 9, text: '© 2022 Microsoft', to: ''},
      ]
    }
  },
  created() {
    this.getFooters()
  }
}
</script>

<style lang="less" scoped>
  a{
    text-decoration: none;
    color: gray !important;
  }
</style>
